<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>样式位置</title>
  <link rel="stylesheet" href="style.css">
  <style>
    /* h2 {
        background-color: antiquewhite;
    } */
    h1 {
      color: red;
    }
  </style>
</head>

<body>
  <h1 style="color:blueviolet">样式位置</h1>
  <h2>二级标题 1</h2>
  <p>这是一个段落，一段随机文字，这是一个段落，一段随机文字，这是一个段落，一段随机文字，这是一个段落，一段随机文字，这是一个段落，一段随机文字，这是一个段落，一段随机文字，这是一个段落，一段随机文字，这是一个段落，一段随机文字。
  </p>
  <h2>二级标题 2</h2>
  <p style="text-align: center;">I am centered!</p>
  <p class="outsite">这里的样式来自 css/style.css 的指定</p>
</body>

</html>